<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,minimal-ui">
	<title>北陆教育</title>
	<link rel="stylesheet" href="css/comm.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.aniview.min.js"></script>
	<script src="js/swiper-bundle.min.js"></script>
	<script src="js/menu.js"></script>
	<script src="js/index.js"></script>
	<script>
        $(document).ready(function(){
            $('.aniview').AniView();
        });
    </script>
</head>
<body>
	<header>
		<div class="Gwidth">
			<nav class="head_nav head_n_nav">
				<div class="back">
					<a href=""></a>
				</div>
				<ul>
					
					<li>
						<a href="./team.html">关于我们</a>
					</li>
				</ul>
				<div class="menu">

				</div>
			</nav>
		</div>
		<nav class="menu_nav">
			<div class="close"></div>
			<ul>
				<li class="active">
					<a href="./index.html">首页</a>
				</li>
				<li>
					<a href="./about.html">关于我们</a>
				</li>
				<li>
					<a href="./team.html">硕博团队</a>
				</li>
				<li>
					<a href="./case.html">成功案例</a>
				</li>
				<li>
					<a href="./evaluation.html">心理测评</a>
				</li>
				<li>
					<a href="">心理百科</a>
				</li>
				<li>
					<a href="">心理问答</a>
				</li>
				<li>
					<a href="">云课堂</a>
				</li>
				<li>
					<a href="">北陆公益</a>
				</li>
			</ul>
		</nav>
	</header>
	<!-- banner -->
	<div class="banner about_banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="img">
						<img src="./images/about.png" alt="" srcset="">
					</div>
					
				</div>
			</div>
		</div>
		<script> 
			var banner = new Swiper('.banner .swiper-container', {
				autoplay: 5000,//可选选项，自动滑动
			})
		</script>
	</div>
	<div class="about">
		<!--  -->
		<div class="introduction">
			<div class="Gwidth">
				<h1 class="ab_title">关于我们</h1>
				<div class="imgs">
					<div class="cont">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="img">
										<img src="./images/banner.png" alt="" srcset="">
									</div>
								</div>
								<div class="swiper-slide">
									<div class="img">
										<img src="./images/banner.png" alt="" srcset="">
									</div>
								</div>
								<div class="swiper-slide">
									<div class="img">
										<img src="./images/banner.png" alt="" srcset="">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="prev"></div>
					<div class="next"></div>
					<script>
						var introduction = new Swiper('.about .introduction .swiper-container', {
							loop:true,
							slidesPerView :'auto',
							
						})
						$('.about .introduction .prev').click(function(){
							introduction.slidePrev();
						})
						$('.about .introduction .next').click(function(){
							introduction.slideNext();
						})
					</script>
				</div>
				
				<div class="content">
					<p>
						河南北陆教育信息咨询有限公司是一家专注于幸福家庭教育、青少年心理健康教育的专业机构，拥有权威的家庭教育专家、心理咨询专家；
					</p>
					<p>
						引进国际先进教育理念，结合现阶段青少年心智特点，自主研发 “HHH”青少年家庭教育系统，独创“5A2C”体系，高效解决青少年成长问题；
					</p>
					<p>
						作为幸福家庭教育的开创者、青少年心智成长教育的推动者，专注青少年教育破局之策，以轻松化、专业化、系统化的方式帮助每一
						位青少年解除成长困扰，以“诚实、诚恳、诚挚”的态度服务于每一个家庭。
					</p>
				</div>
			</div>
		</div>
		<!--  -->
		<div class="advantage">
			<div class="Gwidth">
				<div class="tab">
					<div class="item active">专业团队</div>
					<div class="item">全方位服务</div>
					<div class="item">美好愿景</div>
				</div>
				<div class="main">
					<div class="content active">
						<div class="img">
							<img src="./images/ab1.png" alt="" srcset="">
						</div>
						<div class="des">
							北陆教育集聚国内百余位家庭教育专家、资深心理专家、讲师和研究员，全心服务于全国万千家庭，提供情绪管理、家庭沟通、
							危机干预、学习内动力、青少年软实力提升等专业服务
						</div>
					</div>
					<div class="content">
						<div class="img">
							<img src="./images/ab1.png" alt="" srcset="">
						</div>
						<div class="des">
							北陆教育集聚国内百余位家庭教育专家、资深心理专家、讲师和研究员，全心服务于全国万千家庭，提供情绪管理、家庭沟通、
							危机干预、学习内动力、青少年软实力提升等专业服务
						</div>
					</div>
					<div class="content">
						<div class="img">
							<img src="./images/ab1.png" alt="" srcset="">
						</div>
						<div class="des">
							北陆教育集聚国内百余位家庭教育专家、资深心理专家、讲师和研究员，全心服务于全国万千家庭，提供情绪管理、家庭沟通、
							危机干预、学习内动力、青少年软实力提升等专业服务
						</div>
					</div>
				</div>
			</div>
			<div class="tag">
				<div class="item">
					<div class="img">
						<img src="./images/icon/about1.png" alt="">
					</div>
					<h1>服务宗旨</h1>
					<div class="des">
						诚实、诚恳、真挚
					</div>
				</div>
				<div class="item">
					<div class="img">
						<img src="./images/icon/about2.png" alt="">
					</div>
					<h1>服务方式</h1>
					<div class="des">
						轻松化、专业化、系统化
					</div>
				</div>
				<div class="item">
					<div class="img">
						<img src="./images/icon/about3.png" alt="">
					</div>
					<h1>服务承诺</h1>
					<div class="des">
						一对一定制，无效退款
					</div>
				</div>
			</div>
		</div>
		<!--  -->
		<div class="advantage_items">
			<div class="Gwidth">
				<div class="content">
					<div class="cont">
						<div class="des">
							<p>重塑孩子性格 </p>
							<p> 挖掘孩子潜能 </p>
							<p>护航青少年心理健康 </p>
							<p>优化家庭功能</p>
						</div>
						
						
					</div>
					<div class="items">
						<div class="item">
							<div class="lf">HHH系统</div>
						</div>
						<div class="item">
							<div class="lf">5A2C体系</div>
						</div>
						<div class="item">
							<div class="lf">一对一定制</div>
						</div>
						<div class="item">
							<div class="lf">专业权威</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 荣誉 -->
		<div class="honor">
			<div class="Gwidth">
				<h1 class="ab_title">我们的荣誉</h1>
				
			</div>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="img">
							<img src="./images/banner.png" alt="">
						</div>
						<p>2020年度最佳心理咨询服务平台</p>
					</div>
					<div class="swiper-slide">
						<div class="img">
							<img src="./images/banner.png" alt="">
						</div>
						<p>2020年度最佳心理咨询服务平台</p>
					</div>
					<div class="swiper-slide">
						<div class="img">
							<img src="./images/banner.png" alt="">
						</div>
						<p>2020年度最佳心理咨询服务平台</p>
					</div>
				</div>
			</div>
			<script>
				var honor = new Swiper('.honor .swiper-container', {
					loop:true,
					centeredSlides : true,
					centeredSlidesBounds: true,
					slidesPerView:'auto',
				})
			</script>
		</div>
		<!-- 地址 -->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=NhqZ8yzUMrCzb4XDAoOX60yG5dRPGfQn"></script>
		<div class="address">
			<div class="Gwidth">
				<h1 class="ab_title">公司线路地图导航</h1>
				<div id="allmap"></div>
                <div class="address_cont">
                    <p>公交线路：1路；11路；31路；34路；108路；203路；204路；287路；B23路；S109路；S155路</p>
                    <p>地铁线路：郑州地铁1号线秦岭路站</p>
                    <p>客运汽车：郑州客运西站</p>
                    <p>总部地址：河南省郑州市中原区建设西路与秦岭路交汇处西100米西元国际广场东塔B座9层</p>
                    <p>咨询电话：4000521120</p>
                </div>
			</div>
		</div>
		<script>
			// 百度地图API功能
			var map = new BMap.Map("allmap");
			var point = new BMap.Point(116.404, 39.925);
			map.centerAndZoom(point, 15);
			
			var marker = new BMap.Marker(point);  // 创建标注
			map.addOverlay(marker);              // 将标注添加到地图中
			var opts = {
				width : 200,     // 信息窗口宽度
				height: 100,     // 信息窗口高度
				title : "故宫博物院" , // 信息窗口标题
				message:"这里是故宫"
			}
			var infoWindow = new BMap.InfoWindow("地址：北京市东城区王府井大街88号乐天银泰百货八层", opts);  // 创建信息窗口对象 
			marker.addEventListener("click", function(){          
				map.openInfoWindow(infoWindow, point); //开启信息窗口
			}); 
		</script>
	</div>
	<!-- 底部 -->
	<footer>
		<div class="lf">
			<ul>
				<li>公司   河南北陆教育信息咨询有限公司</li>
				<li>电话   400-188-5865</li>
				<li>网址   www.beiluing.com</li>
				<li>地址   河南省郑州市金水区花园路农科路万达中心</li>
			</ul>
			<div class="bq">
				<p>版权所有@河南北陆教育信息咨询有限公司</p>
				<p>豫ICP备2020031858号</p>
			</div>
		</div>
		<div class="lr">
			<div class="item">
				<div class="img">
					<img src="./images/banner.png" alt="">
				</div>
				<h1>微信公众号</h1>
			</div>
			<div class="item">
				<div class="img">
					<img src="./images/banner.png" alt="">
				</div>
				<h1>扫码立即咨询</h1>
			</div>
		</div>
	</footer>
	<!-- 底部导航 -->
	<div class="btm_nav">
		<ul>
			<li class="active">
				<a href="tel:13373423845">一键拨号</a>
			</li>
			<li>
				<a href="">在线咨询</a>
			</li>
			<li>
				<a href="">提问求助</a>
			</li>
			<li>
				<a href="">预约专家</a>
			</li>
			<li>
				<a href="">我的</a>
			</li>
		</ul>
	</div>
	<!-- 侧栏 -->
	<div class="sidebar">
		<ul>
			<li>
				<a href="">
					<img src="./images/icon/sidebar1.png" alt="">
				</a>
			</li>
			<li class="top">
				<a href="javascript:void(0);">
					<img src="./images/icon/top.png" alt="">
					
				</a>
			</li>
		</ul>
	</div>
</body>
</html>